<div data-ng-show='!loading'>
    <h1 class="page-header">{{moviesDetil.title}}({{moviesDetil.year}})</h1>

    <div class="row placeholders">
        <div class="media">
            <div class="media-left" href="#">
                <img data-ng-src="{{moviesDetil.images.large}}" alt="{{}}">
            </div>
            <div class="media-body" style='text-align: left'>
                <span class="badge pull-right ng-binding">评分：{{moviesDetil.rating.average}}</span>
                <p>又名：<span class="media-heading ng-binding" data-ng-repeat='a in moviesDetil.aka'>{{a}}&nbsp;&nbsp;</span></p>
                <p>类型：<span class="ng-binding" data-ng-repeat='b in moviesDetil.genres'>{{b}}&nbsp;</span></p>
                <p>类型：<span class="ng-binding" data-ng-repeat='c in moviesDetil.countries'>{{c}}&nbsp;</span></p>
                <p>导演：<span data-ng-repeat='d in moviesDetil.directors'>{{d.name}}&nbsp;&nbsp;</span></p>
                <p>主演：<span data-ng-repeat='e in moviesDetil.casts'>{{e.name}}&nbsp;&nbsp;</span></p>
                <p>简介：<span>{{moviesDetil.summary}}</span></p>
            </div>
        </div>
    </div>

</div>

<!--loading-->
<div class='loading' data-ng-show='loading'>
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>